<template>  
  <div class="back-to-top" @click="scrollToTop">  
    <img src="@/assets/icons/返回顶部.png" alt="返回顶部"> <!-- 替换为你的图片路径 -->  
  </div>  
</template>  
  
<script>  
export default {  
  name: 'BackToTop',  
  methods: {  
    scrollToTop() {  
      window.scrollTo({  
        top: 0,  
        behavior: 'smooth' // 平滑滚动效果  
      });  
    }  
  }  
}  
</script>  
  
<style scoped>  
.back-to-top {  
  position: fixed;  
  right: 15px;  
  bottom: 12vw;  
  width: 64px; /* 根据你的图片大小调整 */  
  height: 64px; /* 根据你的图片大小调整 */  
  transition: opacity 0.3s ease;  
  z-index: 5; 
  opacity: 0.7;
}  
  

  
.back-to-top img {  
  width: 100%; /* 使图片完全填充容器 */  
  height: auto; /* 保持图片的原始比例 */  
}  
</style>